<!DOCTYPE HTML>
<html>
<head>
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="favicon.ico">
    <title>{:lang('title')}</title>
    <meta name="description" content="{:lang('description')}">
    <meta name="keywords" content="{:lang('keywords')}">
    <link rel="apple-touch-icon" href="t1/images/touch/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/static/home/images/touch/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/static/home/images/touch/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/static/home/images/touch/apple-touch-icon-144x144.png">
    <link rel="shortcut icon" href="/static/home/images/footer.png" />
    <meta property="og:title" content="">
    <meta property="og:description" content="">
    <meta property="og:url" content="">
    <meta property="og:image" content="">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <link rel="stylesheet" href="/static/home/css/style.css">
    <!--[if lt IE 9]>
        <script src="js/html5.js"></script>
        <script src="js/respond.js"></script>
    <![endif]-->
</head>
<body class="no-js">
    <div class="main">
        <header>
            <div class="wrap">
                <img src="/static/home/upload/iphone.png" height="532" width="252" alt="" class="header-img">
                <div class="header-wrapper">
                    <h1>{:lang('name')}</h1>
                    <p>{:lang('web_01')}</p>
              
                    <div class="buttons-wrapper">
                        <a href="{:lang('web_url')}"  target="_blank" class="button">{:lang('Button1')}</a>
                        <a href="{:lang('url')}"  target="_blank" class="button button-stripe">{:lang('Button2')}</a>
                    </div>
                </div>
                <!-- /.header-wrapper -->
            </div>
            <!-- /.wrap -->
        </header>
        <div class="spanning">
            <div class="promo clearfix">
                <div class="wrap">
                    <div class="promo-wrapper clearfix">
                        <div class="promo-column">
                            <img src="/static/home/upload/pin.png" height="32" width="24" alt="">
                            <h5>{:lang('web_02')}</h5>
                            <p>{:lang('web_03')}</p>
                        </div>
                        <div class="promo-column">
                            <img src="/static/home/upload/settings.png" height="32" width="33" alt="">
                            <h5>{:lang('web_04')}</h5>
                            <p>{:lang('web_05')}</p>
                        </div>
                        <div class="promo-column">
                            <img src="/static/home/upload/easy.png" height="32" width="34" alt="">
                            <h5>{:lang('web_06')}</h5>
                            <p>{:lang('web_07')}</p>
                        </div>
                        <div class="promo-column">
                            <img src="/static/home/upload/saturn.png" height="32" width="32" alt="">
                            <h5>{:lang('web_08')}</h5>
                            <p>{:lang('web_09')}</p>
                        </div>
                    </div>
                </div>
                <!-- /.wrap -->
            </div>
           
            <!-- /.promo clearfix -->
            <div class="discover clearfix">
                <div class="wrap">
                    <div class="discover-content clearfix">
                        <h2>{:lang('name')}</h2>
                        <p>{:lang('web_11')}</p>
                        <div class="discover-button clearfix">
                            <a href="{:lang('web_url')}"   target="_blank" class="button">
                                <span class="button-download-title"></span>
                                <span class="button-download-subtitle">{:lang('Button1')}</span>
                            </a>
                            <a href="{:lang('url')}"   target="_blank" class="button ">
                                <span class="button-download-title"></span>
                                <span class="button-download-subtitle">{:lang('Button2')}</span>
                            </a>
                        </div>
                    </div>
                    <div class="discover-img">
                        <div class="discover-img-inside"><img src="/static/home/upload/discover.png" height="486" width="634" alt=""></div>
                    </div>
                </div>
                <!-- /.wrap -->
            </div>
            </div>
            <!-- /.videos clearfix -->
            <div class="comments clearfix">
                <div class="wrap">
                    <div class="tab">
                        <div class="box visible">
                            <h4>{:lang('web_12')}</h4>
                            <p>{:lang('web_13')}。</p>
                        </div>
                        <div class="box">
                            <h4>{:lang('web_14')}</h4>
                            <p>{:lang('web_15')}</p>
                        </div>
                        <div class="box">
                            <h4>{:lang('web_16')}</h4>
                            <p>{:lang('web_17')}</p>
                        </div>
                        <ul class="tabs">
                            <li class="active"></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <a href="{:lang('url')}" class="tab-prev"></a>
                        <a href="{:lang('web_url')}" class="tab-next"></a>
                    </div>
                </div>
                <!-- /.wrap -->
            </div>
            <!-- /.comments clearfix -->
            <div class="simple clearfix">
                <div class="wrap">
                    <div class="simple-content">
                        <h3>{:lang('web_18')}</h3>
                        <ul>
                            <li class="clearfix"><img src="/static/home/upload/ico1.png" height="32" width="32" alt=""><span>{:lang('web_19')}</span></li>
                            <li class="clearfix"><img src="/static/home/upload/ico1.png" height="32" width="32" alt=""><span>{:lang('web_20')}</span></li>
                            <li class="clearfix"><img src="/static/home/upload/ico1.png" height="32" width="32" alt=""><span>{:lang('web_21')}</span></li>
                            <li class="clearfix"><img src="/static/home/upload/ico1.png" height="32" width="32" alt=""><span>{:lang('web_22')}</span></li>
                            <li class="clearfix"><img src="/static/home/upload/ico1.png" height="32" width="32" alt=""><span>{:lang('web_23')}</span></li>
                        </ul>
                    </div>
                    <div class="simple-img">
                        <img src="/static/home/upload/screen.png" height="508" width="587" alt="">
                    </div>
                </div>
                <!-- /.wrap -->
            </div>
            <!-- /.simple clearfix -->
            <div class="newsletter clearfix">
                <div class="wrap">
                    <div class="newsletter-title">{:lang('web_24')}</div>
                 
                       
                    </div>
                    <p>{:lang('web_25')}</p>
                </div>
                <!-- /.wrap -->
            </div>

    <footer>
        <div class="wrap">
            <p>{:lang('web_26')} <strong>{:lang('web——logo')}</strong>, {:lang('Copyright')}<a href="{:lang('url')}" title="{:lang('name')}" target="_blank">{:lang('name')}</a></p>
        </div>
        <!-- /.wrap -->
    </footer>
    <script src="/static/home/js/jquery.js"></script>
    <script src="/static/home/js/library.js"></script>
    <script src="/static/home/js/script.js"></script>
    <script src="/static/home/js/retina.js"></script>
</body>
</html>